<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学成在线首页</title>
		<link rel="stylesheet" type="text/css" href="../css/xczx.css"/>
	</head>
	<body>
		<div class="head">
			<div class="logo"><img src="../imgs/xuecheng.png" ></div>
			<div class="nav">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">课程</a></li>
					<li><a href="#">职业规划</a></li>
				</ul>
			</div>
			<div class="search">
				<input type="text" placeholder="请输入关键字" />
				<button type="button">
					<img src="../imgs/搜索01.png" >
				</button>
			</div>
			<div class="user">
				<img src="../imgs/用户.png" >
				<a href="#">冥辰o</a>
			</div>
		</div>
		<div class="banner">
			<div class="w">
				<div class="rf">
					<a href="#">前端开发</a>
					<a href="#">后端开发</a>
					<a href="#">移动开发</a>
					<a href="#">人工智能</a>
					<a href="#">商业预测</a>
					<a href="#">云计算</a>
					<a href="#">大数据</a>
					<a href="#">UI设计</a>
				</div>
				<div class="lf">
					<h2>我的课程表</h2>
					<div class="kb">
						<ul>
							<li>
								<h4>继续学习 程序语言设计</h4>
								<p>正在学习 使用对象</p>
							</li>
							<li>
								<h4>继续学习 程序语言设计</h4>
								<p>正在学习 使用对象</p>
							</li>
							<li>
								<h4>继续学习 程序语言设计</h4>
								<p>正在学习 使用对象</p>
							</li>
						</ul>
						<a href="" class="more">全部课程</a>
					</div>
				</div>
			</div>
			
		</div>
		<div class="good">
			<h4>精品推荐</h4>
			<ul>
				<li><a href="#">Java</a></li>
				<li><a href="#">Python</a></li>
				<li><a href="#">HTML</a></li>
				<li><a href="#">CSS</a></li>
				<li><a href="#">JavaScript</a></li>
			</ul>
			<div class="mod"><a href="#">修改兴趣</a></div>
		</div>
		<div class="box">
			<div class="boxhead">
				<h4>精品推荐</h4>
				<a href="#">查看全部</a>
			</div>
			<div class="boxbody">
				<ul>
					<li><a href="#">
						<em>
							<img src="../imgs/hot.png" >
						</em>
						<div class="backimg">
							<img src="../imgs/index.png" >
						</div>
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<div class="backimg">
							<img src="../imgs/index.jpg" >
						</div>
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<div class="backimg">
							<img src="../imgs/index.png" >
						</div>
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<img src="../imgs/index.jpg" >
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<img src="../imgs/index.png" >
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<img src="../imgs/index.jpg" >
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<img src="../imgs/index.png" >
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<img src="../imgs/index.jpg" >
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<img src="../imgs/index.png" >
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
					<li><a href="#">
						<img src="../imgs/index.jpg" >
							<h4>Think PHP 5.0 博客系统实战演练</h4>
							<div class="infor">
								<span>高级</span>
								 · 11275人学习
							</div>
					</a></li>
				</ul>
			</div>
		</div>

	</body>
</html>
